// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;

  /** secondary **/
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;

  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;

  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;

  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;

  /** danger **/
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;

  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;

  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;

  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}


.ion-color-favorite {
  --ion-color-base: #69bb7b;
  --ion-color-base-rgb: 105,187,123;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255,255,255;
  --ion-color-shade: #5ca56c;
  --ion-color-tint: #78c288;
}
.ion-color-mytoolbarbg {
    /** mytoolbarbg **/
    --ion-color-base: #5499f3; //标题颜色
    --ion-color-base-rgb: 84, 153, 243;
    --ion-color-contrast:#ffffff; // 文字颜色
    --ion-color-contrast-rgb:  255,255,255;
    --ion-color-shade: #5499f3;
    --ion-color-tint: #5499f3;
}
ion-tab-button{
  // --color:rgb(250, 245, 245) ;
  font-size:16px;
//   --color-selected:hsl(200, 33%, 98%);
--background:hsl(0, 0%, 100%) ;
// --background-selected:hsl(200, 69%, 72%);
max-width: none;
}
ion-tab-bar{
  --background:#adabab ;

}



/*抽象提炼适用大多数的样式*/
.container {
	width: 7.5rem;
	margin: 0px auto;
	height: auto;
	position: relative;
	overflow: hidden;
}
/*菜单栏*/
.container_menu {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 7.5rem;
	height: 1rem;
	margin-left: -3.75rem;
	box-shadow: 0 -0.08rem 0.14rem 0.01rem rgba(48, 43, 41, 0.03);
	display: flex;
	justify-content: space-around;
	color: #C0C3C7;
	font-size: 0.24rem;
	text-align: center;
	background: #FFFFFF;
}
.tab a {
	color: #C0C3C7;
}
.tab img {
	margin: 0.1rem auto 0;
	width: 0.54rem;
	height: 0.54rem;
}
.tab img:nth-of-type(1) {
	display: block;
}
.tab img:nth-of-type(2) {
	display: none;
}

/*reset.css用来存储清除浏览器的样式 ,后面添加了一部分通用样式*/

a { background-color: transparent; text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
  color: #333; }
a:hover { outline: none; text-decoration: none; }
a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-user-modify: read-only;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
  *font-size: 100%; outline:none; }

/*select*/
select{
  /*复写Chrome和Firefox里面的边框*/
  border:1px solid  green;
  /*清除默认样式*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  /*background: url(../img/icon/icon_select.png) no-repeat scroll right center transparent;*/
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
.layui-laypage-default a:hover{
  color: #333 !important;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*  个人在后面添加了一些常用的公共样式  */
/*居中效果*/
.margin_center { margin: 0px auto; }
/*浮动*/
.float_left,.fl { float: left; }
.float_right,.fr { float: right; }
/*文字位置*/
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
/*position*/
.position_relative { position: relative; }
.position_absolute { position: absolute; }
/*边框*/
.no_border { border: 0px!important;border-right: 0px!important; }
/*宽度*/
.width_whole { width: 100%; }
/*清除格式*/
.clear_both { clear: both; }
.no_margin { margin: 0px!important; }
/* 展示样式 */
.display_block { display: block; }
.display_none { display: none; }
.visibility_hidden { visibility: hidden; }
/*清除浮动*/
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix{zoom:1;} /* IE6 */
*+html .clearfix{zoom:1;} /* IE7 */


